
.vegetables{
  width: 100%;
  height: 100vh;
  position: relative;
}


.vegetables .background{
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../../assets/zback.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  // z-index: -1;
}


/* h3文本 */
.vegetables .Three{
  font-size: 18Px;
  color: white;
  line-height: 30Px;
  padding: 0 10Px;
  margin: 0;
}


/* 头像 */
.vegetables .portrait{
  position: absolute;
  top: 7%;
  left: 5%;
  z-index: 5;
}
.vegetables .portrait .Head{
  width: 50Px;
  height: 50Px;
  background: white;
  display: block;
  border-radius: 50%;
  border: 2Px solid wheat;
}


/* 我的积分 */
.vegetables .integral{
  text-align: center;
  position: absolute;
  top: 7%;
  right: 5%;
  z-index: 5;
}
.vegetables .integral .img_integral{
  width: 50Px;
  height: 50Px;
  background: white;
  display: block;
  border-radius: 50%;
  border: 2Px solid wheat;
}
.vegetables .integral .span_integral{
  color:#ffa500;
  font-size: 12Px;
  font-weight: 600;
}


/* 公告 */
.vegetables .Notice{
  text-align: center;
  position: absolute;
  top: 22%;
  right: 5%;
  z-index: 5;
}
.vegetables .Notice .img_Notice{
  width: 50Px;
  height: 50Px;
  /* background: white; */
  display: block;
  border-radius: 50%;
  border: 2Px solid wheat;
}
.vegetables .Notice .span_Notice{
  color:#ffa500;
  font-size: 12Px;
  font-weight: 600;
}




.vegetables .food{
  text-align: center;
  position: absolute;
  bottom: 22%;
  left: 27%;
  z-index: 5;
}


/* 幼苗期 */
.vegetables .food .Seedling{
  display: block;
}
.vegetables .food .Seedling .cabbage{
  width: 170Px;
  height: 100Px;
  display: block;
  border-radius: 50%;
}


/* 成长期 */
.vegetables .food .Young{
  //
}
.vegetables .food .Young .cabbage{
  width: 170Px;
  height: 100Px;
  display: block;
}


/* 成熟期 */
.vegetables .food .mature{
  //
}
.vegetables .food .mature .cabbage{
  width: 160Px;
  height: 150Px;
  display: block;
}




.vegetables .column{
  width: 100%;
  height: 16vh;
  background: orange;
  text-align: center;

  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

/* 积分兑换 */
.vegetables .column .Noodles{
  float: left;
  margin: 2% 0% 0% 3%;
}
.vegetables .column .Noodles .img_Noodles{
  width: 50Px;
  height: 50Px;
  background: white;
  display: block;
  border-radius: 50%;
  border: 2Px solid wheat;
}
.vegetables .column .Noodles .span_Noodles{
  color: #1296db;
  font-size: 12Px;
  font-weight: 600;
}


/* 签到 */
.vegetables .column .Signin{
  float: left;
  margin: 2% 0% 0% 3%;
}
.vegetables .column .Signin .qian{
  width: 50Px;
  height: 50Px;
  background: white;
  display: block;
  border-radius: 50%;
  border: 2Px solid wheat;
}
.vegetables .column .Signin .span_Signin{
  color: #1296db;
  font-size: 12Px;
  font-weight: 600;
}


/* 收获 */
.vegetables .column .Number{
  float: left;
  margin: 2% 0% 0% 3%;
}
.vegetables .column .Number .imgs_Number{
  width: 50Px;
  height: 50Px;
  background: white;
  display: block;
  border-radius: 50%;
  border: 2Px solid wheat;
}
.vegetables .column .Number .span_Number{
  color: #1296db;
  font-size: 12Px;
  font-weight: 600;
}
.vegetables .column .Number .span_Number .a_Number{
  color: white;
  font-size: 12Px;
  font-weight: 600;
}


/* 水量 */
.vegetables .column .Bailwater{
  float: right;
  margin: 2% 3% 0% 0%;
}
.vegetables .column .Bailwater .img_water{
  width: 50Px;
  height: 50Px;
  background: white;
  display: block;
  border-radius: 50%;
  border: 2Px solid wheat;
}
.vegetables .column .Bailwater .span_Bail{
  color: #1296db;
  font-size: 12Px;
  font-weight: 600;
}







/* 我的积分点击 */
.My_Noodles{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.My_Noodles .black_Noodles{
  width: 65%;
  height: 50vh;
  margin: 0 auto;
  text-align: center;
  background: url(../../assets/nit.jpg);
  background-size: 100% 100%;
  border: 1Px solid sandybrown;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
}


.My_Noodles .black_Noodles .Close{
  width: 20Px;
  height: 20Px;
  background: #d4d4d4;
  border-radius: 50%;
  position: absolute;
  top: -5Px;
  right: -5Px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.My_Noodles .black_Noodles .Close .imgs_close{
  width: 80%;
  height: 80%;
  // margin: 10%;
}


.My_Noodles .black_Noodles .imgs_back{
  width: 60Px;
  height: 60Px;
  display: block;
  margin: 0 auto;
  margin-top: 40%;
  border-radius: 50%;
}

.My_Noodles .black_Noodles .pw_text{
  font-size: 14Px;
  color: white;
  margin: 10Px 0;
}

.My_Noodles .black_Noodles .pw_text .span_text{
  font-size: 16Px;
  color: orange;
}



/* 公告 */
.vegetables .attack{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.vegetables .attack .bigbox_attack .Close{
  width: 20Px;
  height: 20Px;
  background: white;
  position: absolute;
  top: -5Px;
  right: -5Px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vegetables .attack .bigbox_attack .Close .imgs_close{
  width: 60%;
  height: 60%;
}

.vegetables .attack .bigbox_attack{
  width: 70%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
}

.vegetables .attack .bigbox_attack .one_attack{
  margin: 0;
  color: white;
  padding: 20Px 0;
}

.vegetables .attack .backg_attack{
  width: 100%;
  height: 100%;
  background: orange;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.vegetables .attack .backg_attack .imgs_attack{
  width: 100%;
  height: 100%;
}

.vegetables .attack .pw_attack{
  margin: 0;
  padding: 0 10Px;
  color: white;
  font-size: 14Px;
  line-height: 24Px;
  text-align: left;
}
.vegetables .attack .pw_attack:nth-of-type(1){
  margin-top: 40%;
}

.vegetables .attack .butt_attack{
  width: 50%;
  height: 30Px;
  margin: 20Px 0;
  border: none;
  border-radius: 30Px;
  font-size: 12Px;
  color: white;
  background: #d81e06;
}




/* 积分兑换 */
.My_Exchange{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  z-index: 5;
}

.My_Exchange .label_exchange{
  width: 100%;
  height: 68%;
  background: wheat;
  position: absolute;
  bottom: 0;
  left: 0;
}

.My_Exchange .label_exchange .feed_exchange{
  position: absolute;
  left: 0;
  right: 0;
  top: -25Px;
}
.My_Exchange .label_exchange .feed_exchange .imge_feed{
  width: 50Px;
  height: 50Px;
  display: block;
  background: white;
  margin: 0 auto;
  border-radius: 50%;
}

.My_Exchange .label_exchange .close_exchange{
  width: 20Px;
  height: 20Px;
  border-radius: 50%;
  background: white;
  position: absolute;
  right:10Px;
  top: 5Px;
}
.My_Exchange .label_exchange .close_exchange .imge_close{
  width: 12Px;
  height: 12Px;
  display: block;
  margin: 4Px;
}

.My_Exchange .label_exchange .pw_exchange{
  font-size: 12Px;
  color: white;
  margin: 10Px 0 0 0;
  padding: 5Px 10Px;
  border-bottom: 1Px solid #f4f5ef;
}


.My_Exchange .label_exchange .shuibox{
  width: 100%;
  height: 88%;
  overflow: scroll;
}



.My_Exchange .label_exchange .shuibox_div{
  width: 90%;
  background: #7ab900;
  margin: 10Px auto;
  border-radius: 8Px;
}

.My_Exchange .label_exchange .shuibox_div .span_dui{
  font-size: 14Px;
  color: white;
  line-height: 60Px;
  margin: 0 10Px;
}
.My_Exchange .label_exchange .shuibox_div .butt_dui{
  width: 60Px;
  height: 30Px;
  float: right;
  font-size: 13Px;
  color: white;
  background: #d81e06;
  border: none;
  border-radius: 5Px;
  margin: 15Px 10Px 0 0;
}





/* 签到点击 */
.My_Signin{
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

.My_Signin .Signin_back{
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}

.My_Signin .Signin_back .imgs_back{
  width: 50Px;
  height: 50Px;
  display: block;
  margin: 0 auto;
  margin-top: 55%;
}

.My_Signin .Signin_back .pw_Signin{
  font-size: 15Px;
  color: white;
  font-weight: 600;
  padding-bottom: 5Px;
}




/* 水量点击 */
.My_long{
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 45Px;
  z-index: 6;
}
.My_long .long_voe{
  width: 100%;
  transform: rotate(45deg);
}
.My_long .long_voe .imgs_long{
  width: 80Px;
  height: 80Px;
  display: block;
  margin: 0 auto;
  margin-top: 72%;
}

//进度条样式
.showInfo {
  margin-top: 18px;
  display: flex;
  align-items: center;
  .progress {
    margin-right: 5px;
    width: 100%;
  }
}
